import React from 'react';
import ReactDOM from 'react-dom/client';
// import App from "./02_计时器实现对比/App";
// import App from './01_不使用hook/App';
// import App from './03_useEffect的使用/App';
import {ThemContext, UserContext} from "./04_userContent/content";
// import App from "./04_userContent/App";
// import AppHooks from "./05_redux中的hooks/App_hooks";
import {Provider} from "react-redux";
import store from "./05_redux中的hooks/store";
import App_Transition from "./06_useTransition/App_Transition";
// import App from "./06_useTransition/App";

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
    <UserContext.Provider value={{name: "wsb", age: 18}}>
        <ThemContext.Provider value={{color: "red", fontSize: "20px"}}>

            <Provider store={store}>
                <App_Transition/>
            </Provider>
        </ThemContext.Provider>
    </UserContext.Provider>
);

